<script setup lang='ts'>
import { ref } from 'vue';
import ChildOne from './components/ChildOne.vue';

const myColor = ref('蓬荜生辉')
const size = ref('small')

const changeSize = (newSize: string): void => {
  size.value = newSize
}
</script>

<template>
  <div>
    父组件
    <ChildOne :color="myColor" :size="size" :change-size="changeSize" @change-color="myColor = $event"
      @change-size="size = $event" />
  </div>
</template>

<style scoped></style>
